import React from 'react'

export default function Index() {
    const [num, setNum] = React.useState(0)
    const [name, setName] = React.useState('Fong')
    const handleAdd = () => {
        // setNum写法一：参数为非函数值，直接指定新的状态值，内部用其覆盖原来的状态值
        // setNum(num + 1)

        // setNum写法二：参数为函数，接受原本的状态值，内部用其覆盖原来的状态值
        setNum((prev) => prev + 1)
    }
    const handleChange = () => {
        // setNum写法一：参数为非函数值，直接指定新的状态值，内部用其覆盖原来的状态值
        setName('方晓炜')

        // setNum写法二：参数为函数，接受原本的状态值，内部用其覆盖原来的状态值
        // setName((prev) => prev + 1)
    }
  return (
    <>
    <div>{num}</div><button onClick={handleAdd}>点我+1</button>
    <div>{name}</div><button onClick={handleChange}>点我改名</button>
    </>
  )
}
